/* CSS Document */
body{
	padding: 0 0px;
	font-family: Verdana, sans-serif;
	background-color: #3D3D3D;
	margin:0px;
	font-size:12px;
	color:#FFFFFF;
}
ul, li, h3, h2, h1, p{
	padding:0;
	margin:0;
	list-style:none;
}
#loader.loading{
	background:transparent url(../images/ajax-loader.gif) no-repeat 0 0;
	height:31px;
	width:31px;
	position:fixed;
	top:50%;
	left:50%;
}
.Alerte{
	position:absolute;
	left:41%;
	top:15px;
	font-weight:bold;
	background-color:transparent;
	}
img{
	border:0px;
	}
a{
	color:#5199D7;
	text-decoration:none;
	font-weight:bold;
}

a:active, a:hover{
	text-decoration:underline;
	}

.clr{
	clear:both;
	}
.Top{
	width:100%;
	background-image:url(../images/header.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px 0 5px 0;
	_padding:0 0 0px 0;
	position:relative;
	z-index:5000;
	display:none;
	}
.MenuTop{
	float:right;
	padding:5px 10px 0 0;
}
.MenuTop a{
	color:#FFFFFF;
	}
.MenuTop a:Hover{
	color:#E08B21;
	text-decoration:none;
	}
.Lang{
	float:right;
	padding:5px 10px 0 0;
	}
.Lang a{
	color:#FFFFFF;
	font-weight:normal;
	}
.News{
	border:0px;
	height:15px;
	font-size:12px;
	margin:3px 0 0 0;
	padding:1px 0 0 2px;
	width:170px;
	font-weight:normal;
	font-style:italic;
	color:#929292;
}
.ContentTop{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 0 0 5px;
	color:#FFFFFF;
	}
.Newsletter{
	float:left;
	background-image:url(../images/BGNews.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 2px;
	width:180px;
	height:23px;
	
}
.TextNewsletter1{
	font-size:10px;
	}
.NomNewsletter{
	float:left;
	margin:4px 5px 0 10px;
	font-weight:bold;
	}
.Icones{
	float:right;
	}

.Bottom{
	width:100%;
	position:fixed;
	background-color:#333333;
	bottom:0;
	z-index:500;
}
.Annee{
	position:fixed;
	bottom:0px;
	left:180px;
	z-index:5000;
	background-image:url(../images/BGDates.jpg);
	background-position:top;
	height:58px;
	font-weight:bold;
	font-size:11px;
	padding:0 2px 0 2px;
	}
.ArrowHaut{
	text-align:center;
	padding-top:7px;
	height:15px;
	}
.ArrowBas{
	text-align:center;
	padding-top:7px;
	height:15px;
	}


.MainDatesPic{
	background-color:#9E9D98;
	height:38px;
	width:970px;
	margin-left:auto;
	margin-right:auto;
	}
.MainDatesPic a{
	color:#FFFFFF;
	}
.DatesPic{
	float:left;
	width:80px;
	text-align:center;
	height:28px;
	padding:10px 0 0 0;
	font-size:14px;
	}
/*-----GESTION EFFET JQUERY-------------*/
#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#navigation{
	display:none;
	}
#content{
	overflow:hidden;
	width:1080px;

	margin-left:auto;
	margin-right:auto;
	background-color:white;
	position:relative;
}
.Contain{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}

#content h2{
		color:#993333;
		margin:20px 0px 0px 0px;
	}

#content a{
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
#navigation{
	float:left;
	width:110px;
	height:400px;
	background-color:#5B739C;
}
#navigation .sup{
		margin:26px 10px;
		font-size:14px;
	}
#navigation ul{
			margin:0px 0;
			list-style:circle;
			padding-left:10px;
			float:right;
		}
#navigation a{
			color:white;
			font-weight:bolder;
			text-decoration:none;
		}				
#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
#navigation a.scrolling{
			color:#933;
		}
.section{
	width:76000px;
	position:relative;
}

.sub{
		position:relative;
		float:left;
		padding:0px 0px 42px 0px;
		/*width:567px;*/
		width:90%;
		/*height:352px;*/
	}
.ContentMenuBas{
	width:1080px;
	margin-left:auto;
	margin-right:auto;
	}

.MenuBas{
		position:relative;
		float:left;
		padding:0px 21px 42px 45px;
		/*width:567px;*/
		width:100px;
}
.section .sub p{
			/*width:550px;*/
			width:1000px;
			margin-left:auto;
			margin-right:auto;
			/*margin:16px 0;*/
			font-size:85%;
			line-height:1.4em;
			text-shadow:1.2px 1.2px 1px #707070;
		}
.section .next, .section .prev{
			font-size:18px;
			position:absolute;
			bottom:15px;
			letter-spacing:-2px;
		}
.section .next{
			right:17px;
			width:61px;
			height:61px;
			top:350px;
		}
.section .prev{
			left:0px;
			top:350px;
		}
.section .nextDiv{
background-color:#000000;
		}
.section .prevDiv{
		background-color:#000000;
		}
.section .Image{
	/*width:1000px;*/
	text-align:center;

}
.message{
	background:#EEE;
	border:1px solid #999;
	color:#333;
	font-size:12px;
	padding:1px;
	position:absolute;
	left:11px;
}
#first{
	top:484px !important;
	top:498px;			
}
#second{
	top:503px !important;
	top:517px;			
}


/*---------------CALENDRIER-----------*/
.TopCalendrier{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.ContenuCalendrier{
	width:750px;
	margin-left:auto;
	margin-right:auto;
}
.ContenuCalendrierGlobal{

	}
.ImageCalendrier{
	float:left;
	width:235px;
	height:235px;
	border:0px solid #000000;
	margin:5px 5px 5px 5px;
	box-shadow: 4px -4px 0px #C0BFBB;
	}
/*----------------LINKS------------------*/
.Digi{
	position:absolute;
	margin:50px 0 0 360px;
	}
.FBEvent{
	position:absolute;
	margin:15px 0 0 110px;
	}

/*----------------VIDEOS---------------*/
.Video{
	margin:0 0 15px 0;
	margin-top:-420px;
}
.ContainVideos{
	background-color:#A8A7A2;
	min-height:800px;
	_height:800px;
	width:100%;
	
	}
.ContenuVideo{
	margin-top:0px;
	width:990px;
	margin-left:auto;
	margin-right:auto;
}	
.Videos2{
	float:left;
	margin:5px;

	}
.ArrowVideo{
	position:absolute;
	margin-top:-170px;
	margin-left:750px;
}
.ArrowPhoto{
	position:absolute;
	margin-top:-110px;
	margin-left:50px;
}
/*------------PHOTOS--------------*/
.PhotosImg2{
	margin:5px;
	width:235px;
	height:150px;
	background-position:center;
	background-repeat:no-repeat;
	border:0px solid #E9E9E9;
	float: left;

	}
	
	
/*------------MENUBAS-------------*/

li.MenuBas2{
	display:inline;
	}
ul li.MenuBas2 a:hover{
	background-color:#5C5B58;
	color:#FFFFFF;
}
li.MenuBas2 a{
	font: 1em Arial, Georgia, Serif;
	color: #8C8B88;
	font-weight:bold;
	display: inline-block;
	text-decoration: none;
	padding: 20px 20px 20px 20px;
	border-right:1px solid #43423F;
	vertical-align:middle;
	/*height: 70px;*/
	/*width:120px;*/
	margin: 0 0px 0 0;
	/*background-image: url(../images/default.png);
	background-position: center -288px ;
	background-repeat: repeat-x;*/
	text-align: center;
	outline: 0;
	}
li.MenusBas2HoverArt a{
	text-decoration: none;
	padding: 20px 20px 20px 20px;
	border-right:1px solid #43423F;
	vertical-align:middle;
	text-align: center;
	display: inline-block;
	color:#FFFFFF;
}
li.MenusBas2HoverArt{
font: 1em Arial, Georgia, Serif;
	background-color:#5C5B58;
	background-image: url("../images/BGHover.jpg");
    background-position: center top;
    background-repeat: no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	display: inline-block;
	text-decoration: none;
	border-right:0px solid #43423F;
	vertical-align:middle;
	margin: 0px 0px 0 0;
}

li.MenuBas2a {
	font: 1em Arial, Georgia, Serif;
	
	color: #8C8B88;
	font-weight:bold;
	display: inline-block;
	text-decoration: none;
	border-right:1px solid #43423F;
	background-color:#262523;
	vertical-align:middle;
	/*height: 70px;*/
	/*width:120px;*/
	margin: 0px 13px 0 0;
	/*background-image: url(../images/default.png);
	background-position: center -288px ;
	background-repeat: repeat-x;*/
	text-align: center;
	outline: 0;
	}
	
/*-----------------CONTACT----------------------*/
.Arrow{
	position:absolute;
	top:0px;
	margin-left:11px;
	}
.ArrowHover1{
position:absolute;
	top:0px;
	margin-left:-270px;
	}
.ArrowHover2{
position:absolute;
	top:0px;
	margin-left:-140px;
	}
.AlerteContact{
	background-color:#898988;
	padding:5px 0 5px 0;
	text-align:center;
	position:absolute;
	width:750px;
	margin-top:-15px;
	}
.ContainVideos2{
	background-color:#A8A7A2;
	background-image:url(../images/BGContact.jpg);
	background-position:top;
	width:100%;
	min-height:920px;
	_height:800px;
	
	}
.ContainContact{
	background-color:#A8A7A2;
	width:920px;
	margin-right:auto;
	margin-left:auto;
	height:1500px;
	}
.TopContact{
	width:500px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.ContenuContact{
	padding:0 0 0 100px;
}
input{
	border:0px;
	font-size:16px;
	}
.TextContact{
	font-size:2em;
	padding:30px 0 0 30px;
	}
.FormContact{
	padding:0 0 0 30px;
	font-size:1.2em;
	margin:30px 0 0 0;
	}
.Num1{
	float:left;
	width:160px;
	height:41px;
	background-image:url(../images/BGNum1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:8px 40px 0 10px;
	}
.Num2{
	float:left;
	width:474px;
	height:41px;
	background-image:url(../images/BGNum2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:8px 40px 0 10px;
	}
.Num3{
	min-width:475px;
	_width:475px;
	background-color:#FFFFFF;
	border:0px solid #000000;
	float:left;
	}
.TopLNm3{
	/*background-image:url(../images/BGTopL.jpg);
	background-position:top left;
	background-repeat:no-repeat;*/
	width:10px;
	height:10px;
	float:left;
}
.TopRNm3{
	background-image:url(../images/BGTopR.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	float:right;
}
.Deno{
	float:left;
	padding:10px 40px 0 0;
	width:80px;
	}
textarea{
	border:0px;
	padding:5px 0 0 0;
	font-size:16px;
	}

.envoyer{
	text-align:right;
	padding:20px 190px 0 0px;
	}
/*---------------BOOKING----------------------*/
.ContainBooking{
	background-color:#3E3E3E;
	width:950px;
	margin-right:auto;
	margin-left:auto;
	min-height:1500px;
	}
.ContenuBooking{
	width:890px;
	margin-right:auto;
	margin-left:auto;
}
.TopBooking{
	text-align:center;
	padding:50px 0 40px 0;
	}
.BookArt{
	width:295px;
	height:240px;
	/*background-repeat:no-repeat;*/
	border:0px solid #FFFFFF;
	float:left;
	opacity:0.5;
	background-size: cover;
	}
.BookArt2{
	width:295px;
	height:240px;
	
	border:0px solid #FFFFFF;
	float:left;
	background-size: cover;
	}
.TitreArt{
	/*bottom:0px;*/
	position:relative;
	float:left;
	opacity:0.5;
	padding:8px 0 8px 10px;
	background-color:#666666;
	margin-top:206px;
	margin-left:-295px;
	font-size:16px;
	width:285px;
	}
a.LinkBook{
	color:#FFFFFF;
	font-size:12px;
	
}
 a.LinkBook:hover{
	
	text-decoration:none;
	}
	
/*------------------PAGE ARTISTE--------------*/
.LinkArt01{
	padding:2px 0 2px 5px;
	background-color:#2A2A2A;
	margin-top:230px;
	font-size:16px;
	height:34px;
}
.Info01{
	float:left;
	padding:0 0 0 25px;
	}
h1.Book{
	font-size:28px;
	font-weight:lighter;
	}
.TextArt{
	padding:30px 0 0 0;
	width:550px;
	line-height:20px;

	}
.ContactBooking{
	position:absolute;

	margin:5px 0 0 650px;
	}
.TitreVideoArt{
	margin:70px 0 20px 0;
	}
.VideoArtLeft{
	float:left;
	padding:0 20px 20px 0;
	}
.VideoArtLeftVide{
	float:left;
	padding:50px 20px 20px 0;
	text-align:center;
	
	border:1px solid #696969;
	width:400px;
	height:242px;
}
.TitreTracksArt{
	margin:40px 0 20px 0;
}
.LinkMP3{
	width:860px;
	margin:0 0 40px 0;
	}
.LinkMP3 span{
	display:none;
	}
.TitreEvent{
	margin:0 0 15px 0;
}
.ContenuEvent{
height:500px;
}
.DateEvent{
	margin:10px 0 0 0;
	font-weight:bold;
	
	}
.GoBack{
	position:absolute;
	top:60px;
}
.SeparatorDateEvent{
	border-bottom:2px solid #F87503;
	padding:10px 0 0 0;
	width:180px;
	margin-left:-20px;
}
.TitreEvent2{
	font-size:18px;
	margin:10px 0 0px 0;
	}
.TextEvent{
	font-size:10px;
	font-weight:bold;
	}
/*----------------SCROLL VERTICAL-------------*/
.ScrollVertical{
	position:fixed;
	visibility:hidden;
	top:45%;
	z-index:500;
	margin-right:152px;
	right:0px;
	height:2100px;
	width:20px;
	text-align:center;
}
.ScrollVerticalBG{
	position:fixed;
	display:none;
	background-image:url(../images/BGCol.gif);
	background-repeat:repeat-y;
	background-position:center;
	padding-top:100px;
	z-index:500;
	right:150px;
	height:2100px;
	width:20px;
	text-align:center;
	opacity:0.2;
	}
	
@media only screen and ( min-width: 0px ) and ( max-width: 960px ) {

.ScrollVertical{
	position:fixed;
	top:25%;
	z-index:500;
	right:-110px;
	
	height:2100px;
	width:20px;
	text-align:center;
	}
	
.ScrollVerticalBG{
	position:fixed;
	background-image:url(../images/BGCol.gif);
	background-repeat:repeat-y;
	background-position:center;
	padding-top:100px;
	z-index:500;
	right:38px;
	height:2100px;
	width:20px;
	text-align:center;
	opacity:0.2;
	}

}